<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">

<head>
    <title>主页</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="admui.com">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <link rel="icon" type="image/png" href="../public/images/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <link rel="icon" sizes="192x192" href="../public/images/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Admui">
    <!-- Win8标题栏及ICON图标 -->
    <link rel="apple-touch-icon-precomposed" href="../public/images/apple-touch-icon.png">
    <meta name="msapplication-TileImage" content="../public/images/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#62a8ea">
    <!-- 图标 CSS -->
    <link rel="stylesheet" href="../public/fonts/font-awesome/font-awesome.css">
    <link rel="stylesheet" href="../public/fonts/web-icons/web-icons.css">
    <link rel="stylesheet" href="../public/fonts/themify/themify.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_109518_ad54tt6qlw86ko6r.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../public/themes/classic/global/css/bootstrap.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="../public/themes/classic/base/css/site.css" id="admui-siteStyle">
    <!-- 插件 CSS -->
    <link rel="stylesheet" href="../public/vendor/animsition/animsition.css">
    <link rel="stylesheet" href="../public/vendor/toastr/toastr.css">
    <!-- page CSS -->
    <link rel="stylesheet" href="../public/css/home.css">
    <link rel="stylesheet" href="./../assets/css/common.css">
    <link rel="stylesheet" href="./../assets/plugins/wangEditor-3.0.12/release/wangEditor.min.css">
    <link rel="stylesheet" href="../public/vendor/bootstrap-markdown/bootstrap-markdown.css">
    <link rel="stylesheet" href="../public/css/examples/pages/team/notebook.css">
    <link rel="stylesheet" href="../public/vendor/summernote/summernote.css">
</head>

<body>
    <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle hamburger hamburger-close navbar-toggle-left hided" data-toggle="menubar">
                <span class="sr-only">切换菜单</span> <span class="hamburger-bar"></span>
            </button>
            <button type="button" class="navbar-toggle collapsed" data-target="#admui-navbarCollapse" data-toggle="collapse">
                <i class="icon wb-more-horizontal" aria-hidden="true"></i>
            </button>
            <div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu">
                <img class="navbar-brand-logo visible-lg visible-xs navbar-logo" src="../public/images/logo-white.svg" title="Admui">
                <img class="navbar-brand-logo hidden-xs hidden-lg navbar-logo-mini" src="../public/images/logo-white-min.svg" title="Admui">
            </div>
        </div>
        <div class="navbar-container container-fluid">
            <div class="collapse navbar-collapse navbar-collapse-toolbar" id="admui-navbarCollapse">
                <ul class="nav navbar-toolbar navbar-left">
                    <li class="hidden-float">
                        <a data-toggle="menubar" class="hidden-float" href="javascript:;" role="button" id="admui-toggleMenubar">
                        <i class="icon hamburger hamburger-arrow-left"> <span class="sr-only">切换目录</span>
                            <span class="hamburger-bar"></span> </i>
                    </a>
                    </li>
                    <li class="navbar-menu nav-tabs-horizontal nav-tabs-animate is-load" id="admui-navMenu">
                        <ul class="nav navbar-toolbar nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a data-toggle="tab" href="#admui-navTabsItem-2" aria-controls="admui-navTabsItem-2" role="tab" aria-expanded="false">
                                <i class="icon wb-library"></i> <span>文档</span>
                            </a>
                            </li>
                            <li role="presentation">
                                <a data-toggle="tab" href="#admui-navTabsItem-3" aria-controls="admui-navTabsItem-3" role="tab" aria-expanded="false">
                                <i class="icon wb-desktop"></i> <span>管理</span>
                            </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
                    <li class="hidden-xs" id="admui-demo-app" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下载桌面版">
                        <a class="icon wb-download dropdown-toggle" href="#" data-toggle="dropdown" aria-expanded="false" role="button">
                        <span class="sr-only">下载桌面版</span></a>
                        <ul class="dropdown-menu dropdown-menu-success bullet dropdown-menu-right" aria-labelledby="demoApp" role="menu">
                            <li role="presentation">
                                <a href="javascript:;" role="menuitem"><i class="icon fa-windows"></i> Windows 版</a>
                            </li>
                            <li role="presentation">
                                <a href="javascript:;" role="menuitem"><i class="icon fa-apple"></i> MacOS 版</a>
                            </li>
                            <li role="presentation">
                                <a href="javascript:;" role="menuitem"><i class="iconfont icon-shouji2"></i> 手机APP</a>
                            </li>
                        </ul>
                    </li>
                    <li class="open-kf" id="admui-service" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="设置">
                        <a class="icon wb-user" href="#" role="button">
                        <span class="sr-only">设置</span></a>
                    </li>
                    <li class="open-kf" id="admui-service" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="意见反馈">
                        <a class="" href="#" role="button">
                            <i style="font-size: 14px;" class="iconfont icon-youjian1"></i>
                        <span class="sr-only">意见反馈</span></a>
                    </li>
                    <li class="hidden-xs" id="admui-navbarFullscreen" data-toggle="tooltip" data-placement="bottom" title="全屏">
                        <a class="icon icon-fullscreen" data-toggle="fullscreen" href="#" role="button">
                        <span class="sr-only">全屏</span>
                    </a>
                    </li>
                    <li>
                        <a class="icon fa-sign-out" id="admui-signOut" data-user="5" href="./login.html" role="button">
                        <span class="sr-only">退出</span>
                    </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <nav class="site-menubar">
        <div id="left-list-menu">
            <ul class="dropdown-menu" role="menu">
                <li>
                    <a tabindex="-1"><i class="icon wb-folder" aria-hidden="true"></i> 重命名</a>
                </li>
                <li>
                    <a tabindex="-1"><i class="icon wb-trash" aria-hidden="true"></i>设置权限</a>
                </li>
            </ul>
        </div>
        <div class="site-menubar-body">
            <div class="tab-content height-full" id="admui-navTabs">
                <div class="tab-pane animation-fade height-full active" id="admui-navTabsItem-2" role="tabpanel">
                    <ul class="site-menu">
                        <li class="fc-menu fc-tool">
                            <div>
                                <div class="btn-group dropdown">
                                    <button type="button" class="btn btn-outline btn-none dropdown-toggle" id="new-doc" data-toggle="dropdown" aria-expanded="false">
                                        <i class="icon iconfont icon-icon1460189703731"></i>新文档 <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu  dropdown-menu-left" aria-labelledby="new-doc" role="menu">
                                        <li role="presentation">
                                            <a href="javascript:;" role="menuitem">新建笔记</a>
                                        </li>
                                        <li role="presentation">
                                            <a href="javascript:;" role="menuitem">新建文件夹</a>
                                        </li>
                                        <li role="presentation">
                                            <a href="javascript:;" role="menuitem">导入Word</a>
                                        </li>
                                        <li role="presentation">
                                            <a href="javascript:;" role="menuitem">上传文件</a>
                                        </li>
                                        <li role="presentation">
                                            <a href="javascript:;" role="menuitem">上传文件夹</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="site-menu-item" data-toggle="context" data-target="#left-list-menu">
                            <a href="javascript:;">
                            <i class="site-menu-icon fa-sort-amount-asc" aria-hidden="true"></i><span class="site-menu-title">最新文档</span>
                        </a>
                        </li>
                        <li class="site-menu-item has-sub open">
                            <a href="javascript:;" data-toggle="context" data-target="#left-list-menu">
                                <i class="site-menu-icon fa-laptop" aria-hidden="true"></i><span class="site-menu-title">我的文件夹</span><span class="site-menu-arrow"></span>
                            </a>
                            <ul class="site-menu-sub">
                                <li class="site-menu-item" data-toggle="context" data-target="#left-list-menu">
                                    <a href="javascript:;">
                                        <i class="icon wb-folder" aria-hidden="true"></i>
                                        <span class="site-menu-title">工作</span>
                                    </a>
                                </li>
                                <li class="site-menu-item" data-toggle="context" data-target="#left-list-menu">
                                    <a href="javascript:;">
                                        <i class="icon wb-folder" aria-hidden="true"></i>
                                        <span class="site-menu-title">我的资源</span>
                                    </a>
                                </li>
                                <li class="site-menu-item" data-toggle="context" data-target="#left-list-menu">
                                    <a href="javascript:;">
                                        <i class="icon wb-folder" aria-hidden="true"></i>
                                        <span class="site-menu-title">新建文件夹</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="site-menu-item">
                            <a href="javascript:;">
                                <i class="site-menu-icon   wb-trash" style="font-size: 13px;" aria-hidden="true"></i><span class="site-menu-title">回收站</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
    <main class="site-page">
        <div class="page-container" id="admui-pageContent">
            <div class="page page-full animation-fade page-notebook">
                <div class="page-aside">
                    <div class="page-aside-switch">
                        <i class="icon wb-chevron-left" aria-hidden="true"></i>
                        <i class="icon wb-chevron-right" aria-hidden="true"></i>
                    </div>
                    <div class="page-aside-inner">
                        <div class="input-search">
                            <div class="fc-aside fc-tool">
                                <div>
                                    <!-- <div class="back"><i class="iconfont icon-shangyiji"></i></div> -->
                                    <div class="search">
                                        <i class="iconfont icon-sousuo_sousuo"></i>
                                        <input type="text" placeholder="搜索...">
                                    </div>
                                    <div class="other">
                                        <div class="btn-group dropdown">
                                            <button type="button" class="btn btn-outline btn-none dropdown-toggle" id="view-list" data-toggle="dropdown" aria-expanded="false">
                                                <i class="icon iconfont icon-icon-test3"></i><span class="caret"></span>
                                            </button>
                                            <ul class="dropdown-menu  dropdown-menu-right" aria-labelledby="view-list" role="menu">
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">摘要</a>
                                                </li>
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">列表</a>
                                                </li>
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">创建时间</a>
                                                </li>
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">修改时间</a>
                                                </li>
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">文件名称</a>
                                                </li>
                                                <li role="presentation">
                                                    <a href="javascript:;" role="menuitem">文件大小</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="notebook-list">
                            <div class="height-full" data-plugin="slimScroll">
                                <ul class="list-group has-actions">
                                    <li class="list-group-item active " data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">新建笔记</h4>
                                        <p class="list-group-item-text">让大家吐彩虹的 Faceu</p>
                                        <div class="info">
                                            <i class="icon wb-folder"></i> <span class="category">工作</span> <span class="time">刚刚</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">未命名笔记</h4>
                                        <p class="list-group-item-text">1 亿美元，这是云鸟上周在App</p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">生活</span> <span class="time">15 分钟前</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">旅游随笔</h4>
                                        <p class="list-group-item-text">除了投资额，云鸟业务覆盖范</p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">旅游</span> <span class="time">今天 12:49</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">有感而发r</h4>
                                        <p class="list-group-item-text">没错，云鸟并不是一家面对普通消 </p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">美食</span> <span class="time">昨天 11:53</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">鱼鸟</h4>
                                        <p class="list-group-item-text">所以云鸟就是一家城配企业？ </p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">旅游</span> <span class="time">昨天 8:10</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">会议内容</h4>
                                        <p class="list-group-item-text">云鸟的肇始于几个创始人对 </p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">工作</span> <span class="time">昨天 3:55</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">浏览量统计</h4>
                                        <p class="list-group-item-text">很快他们着手服务升级，开</p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">资源</span> <span class="time">前天 10:40</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                    <li class="list-group-item" data-toggle="context" data-target="#contextMenu">
                                        <h4 class="list-group-item-heading">待办事项</h4>
                                        <p class="list-group-item-text">但高品质城配并不是对云鸟 </p>
                                        <div class="info">
                                            <i class="icon wb-folder "></i> <span class="category">收藏</span> <span class="time">前天 9:23</span>
                                        </div>
                                        <div class="item-actions fc-article-del-btn-">
                                            <!--<span class="btn btn-pure btn-icon" data-toggle="list-editable"><i class="icon wb-edit" aria-hidden="true"></i></span>-->
                                            <span class="btn btn-pure btn-icon" data-tag="list-delete"><i class="icon wb-trash" aria-hidden="true"></i></span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page-main">
                    <div class="fc-page fc-tool">
                        <div>
                            <div class="fc-title">
                                <input class="top-title" maxlength="250" value="无标题文档1" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div id="summernote" data-lang="zh-CN">
                            <h4>基于Bootstrap的强大HTML文本编辑器Summernote</h4>
                            <p>Summernote是一个轻量级、灵活基于Bootstrap和jQuery的HTML文本编辑器，拥有强大的API配 置功能，多国语言支持支持Bootstrap2.x和3.0，支持视频和图片上传以及代码的高亮显示，多种 后台语言版本示例以及多主体支持，在浏览器兼容方面，支持IE9+以及现代的浏览器Chrome, Firefox,Safari等，在移动端应该有不错的表现，还是很不错的，值得使用。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="site-action hide">
                    <button type="button" class="site-action-toggle btn-raised btn btn-success btn-floating">
                        <i class="front-icon wb-plus animation-scale-up" aria-hidden="true"></i>
                        <i class="back-icon wb-close animation-scale-up" aria-hidden="true"></i>
                    </button>
                    <div class="site-action-buttons">
                        <button type="button" data-action="trash" class="btn-raised btn btn-success btn-floating animation-slide-bottom">
                            <i class="icon wb-trash" aria-hidden="true"></i>
                        </button>
                        <button type="button" data-action="folder" class="btn-raised btn btn-success btn-floating animation-slide-bottom">
                            <i class="icon wb-print" aria-hidden="true"></i>
                        </button>
                        <button type="button" data-action="folder" class="btn-raised btn btn-success btn-floating animation-slide-bottom">
                            <i class="icon wb-share" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
                <div id="contextMenu">
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a tabindex="-1"><i class="icon wb-folder" aria-hidden="true"></i> 归档</a>
                        </li>
                        <li>
                            <a tabindex="-1"><i class="icon wb-trash" aria-hidden="true"></i> 删除</a>
                        </li>
                        <li>
                            <a tabindex="-1"><i class="icon wb-print" aria-hidden="true"></i> 打印</a>
                        </li>
                        <li>
                            <a tabindex="-1"><i class="icon wb-share" aria-hidden="true"></i> 分享</a>
                        </li>
                    </ul>
                </div>
            </div>
    </main>
    <!-- 插件 -->
    <script src="../public/vendor/jquery/jquery.min.js"></script>
    <script src="../public/vendor/bootstrap/bootstrap.min.js"></script>
    <script src="../public/vendor/modernizr/modernizr.min.js"></script>
    <script src="../public/vendor/breakpoints/breakpoints.min.js"></script>
    <script src="../public/vendor/artTemplate/template.min.js"></script>
    <script src="../public/vendor/toastr/toastr.min.js"></script>
    <script src="../public/themes/classic/base/js/site.js"></script>
    <script src="../public/themes/classic/global/js/configs/site-configs.js"></script>
    <script src="../public/themes/classic/global/js/components.js"></script>
    <script src="../public/vendor/summernote/summernote.min.js"></script>
    <script src="../public/vendor/summernote/lang/summernote-zh-CN.min.js"></script>
    <script src="../public/js/examples/forms/editor-summernote.js"></script>
    <script>
    Breakpoints();
    //http://blog.csdn.net/qq_27965129/article/details/52942358
    $('#summernote').summernote({
        height: ($('.page-main .content').height() - 50),
        lang: 'zh-CN'
    });
    $('.note-view.btn-group,.note-help.btn-group').remove();
    //----------------------------------------------------------------------
    var oldTitle = '';
    $('.top-title').focus(function() {
        oldTitle = $(this).val();
        $(this).val('')
    }).blur(function() {
        if ($(this).val() == '') {
            $(this).val(oldTitle);
        }
    })
    </script>
    <!-- 插件 -->
    <script src="../public/themes/classic/global/js/plugins/responsive-tabs.js"></script>
    <script src="../public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
    <script src="../public/vendor/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="../public/vendor/screenfull/screenfull.min.js"></script>
    <script src="../public/vendor/matchheight/jquery.matchHeight.min.js"></script>
    <!-- 消息通知 -->
    <script src="../public/js/notify-msg.js"></script>
    <script src="../public/vendor/bootstrap-markdown/bootstrap-markdown.min.js"></script>
    <script src="../public/vendor/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
    <script src="../public/vendor/marked/marked.min.js"></script>
    <script src="../public/vendor/to-markdown/to-markdown.min.js"></script>
    <script src="../public/vendor/bootstrap-contextmenu/bootstrap-contextmenu.min.js"></script>
    <script src="../public/themes/classic/global/js/plugins/action-btn.js"></script>
    <!--<script src="../public/js/examples/pages/team/notebook.js"></script>-->
</body>

</html>